/* CSS Document */
/* structure */

.colorbtn{ float:right; width:120px;}


/* user mesg part*/
.UserMsg{   
	clear:both; 
	min-height:120px; 
	overflow:hidden;   
	background-color:#fff;
	height:auto;
	padding:5px 0 8px 0;
}
.UserImg{ float:left; width:104px; height:104px;/*125*/ background-color:#fff; text-align:center; padding:4px; border-bottom:1px #ccc solid; border-right:1px solid #ccc;}

.UserImg1{background-color: #FFFFFF; border-bottom: 1px solid #CCCCCC; border-right: 1px solid #CCCCCC; height: 120px; padding: 4px; text-align: center; width: 120px;}
/*edit by peter 2011-03-03*/

.Usermsg{ margin-left:144px;}
.Usermsg h4{ padding-bottom:5px;}
.Usemsgtxt{padding-top:10px; margin-bottom:5px;}
.Usemsgtxt span{ padding-right:15px;}
.Usemsgaction a{ padding-right:44px;}

/* main nav */
.tab-wrap{
    height:31px; 
	padding:0;
	 margin:0;
	 background:url(images/slidebg.png) left 50% repeat-x;padding:4px 4px 0 4px; 
    -moz-border-radius-bottomleft:5px;
    -moz-border-radius-bottomright:5px;
	-moz-border-radius-topleft:5px;
	-moz-border-radius-topright:5px;
	}
.rightbtn{
-moz-border-radius-topright:5px;
-moz-border-radius-bottomright:5px; 
 height:30px; 
 width:30px;
 /*background-color:#444;*/
 cursor:pointer; 
 float:left; padding-top:2px;
 position:relative; 
 z-index:10;
 }
.leftbtn{
 height:35px; 
 width:30px;
/* background-color:#444;*/
 -moz-border-radius-bottomleft:5px;
 -moz-border-radius-topleft:5px;
 cursor:pointer; 
 display:none; 
 float:left;  
}


.leftbtn img{ }
.rightbtn img{ }
.tab{top:4px; padding:0; margin:0; left:4px;   

	
}
.tab li a{ padding:0 15px; display:block;}
.tab li{
  float:left;
  width:auto;
  /*padding:0 15px;*/
  height:29px;
  line-height:29px;
  cursor:pointer; 
  background-color:#fff;
  border:#333 solid 1px;
  border-bottom:1px solid #000;
  -moz-border-radius-topleft:3px;
  -moz-border-radius-topright:3px;
  -moz-border-radius-bottomleft:3px;
  -moz-border-radius-bottomright:3px;
  margin-right:1px;

  }
.tab .selected{ border-bottom-color:#fff; 
 -moz-border-radius-bottomleft:0px;color:#f49417;
  -moz-border-radius-bottomright:0px;}
.tab .selected a{ color:#f49417;}  
.tab li a{ color:#000000;}
.tab li:hover a{ color:#f49417;background-color:#eee; }
.tab li:hover a.disabled{ color:#000000;background-color:#fff;}
/*.tab li:hover{ background-color:#eee; color:#f49417;}*/

.tab li span{margin:0px;padding:0px;text-align:left;font-size:12px;height:29px;display:block; line-height:29px; text-align:center;}
.tab_lst{ padding-top:27px; padding-left:10px;}
.tb2{ 
    position:absolute;
    width:200px; 
	top:30px; right:-25px;
	background-color:#ffffff;
	display:block;  
    -moz-border-radius-bottomleft:5px;
    -moz-border-radius-bottomright:5px;
	border:1px solid #ccc; 
	/*border-top:none;*/
	padding-bottom:10px; padding-right:10px;
	display:none;
	}
.tb2 li.selected{color:#f49417; background-color:#eee; height:30px; border-bottom:dashed 1px #ccc; line-height:35px;text-indent:10px; clear:both; float:none; width:100%} 
.tb2 li.selected a{ color:#f49417;}	
.tb2 li{ height:30px; border-bottom:dashed 1px #ccc; line-height:35px;text-indent:10px;}
.tb2 li:hover{ background-color:#eee; color:#f49417; }
.tb2 li a{ color:#000000; display:block; width:98%;}
.tb2 li:hover a{ color:#f49417;}
.tb2 li:hover{ background-color:#eee; color:#f49417;}
	
/* contenter  */


.lst-wrap{min-height:483px;}
.tab-list-table{ table-layout: fixed;}
.tab-list-table td{ vertical-align:top; padding-top:5px; word-break: break-all; word-wrap:break-word;}/*edit by peter 2011-04-25 */




.slide-btn{
    background-image: url(images/icons-lgray.png) ;
	height:16px;
	width:16px; 
	float:right;
    position:absolute;
	top:50%;
	margin-top:-10px;
	right:5px;
	cursor:pointer;
	background-position:-128px -192px;
}
.slide-wrap{ border:1px solid #ccc; background-color:#fff; padding:10px; margin-bottom:15px;
    border:1px solid #fff;
    -moz-border-radius-bottomleft:5px;
    -moz-border-radius-bottomright:5px;
	-moz-border-radius-topleft:5px;
	-moz-border-radius-topright:5px;
	background-color:#fff;
	border-right:1px solid #D4D4D4;
	border-bottom:1px solid #D4D4D4;
}
.slide-top{height:25px; background:url(images/slidebg.png) scroll repeat-x 50% 50%; font-weight:bold; color:#fff; text-indent:10px; line-height:25px; margin-bottom:10px; position:relative;
 -moz-border-radius-bottomleft:3px;
    -moz-border-radius-bottomright:3px;
	-moz-border-radius-topleft:3px;
	-moz-border-radius-topright:3px;
}
/*
.login-logout-box{ float:right; padding-right:18px; width:100px;  }
.login-logout-box a{ padding:0 2px 0 12px; float:right; width:28px; }
.login-logout-box .img{ margin-right:1px; width:9px;height:30px;}
.login-logout-box .img{ background:url(images/click.gif) scroll no-repeat left 11px; float:right; font-size:0; width:12px}
* +html .login-logout-box .img{ background-position: left 9px; float:right; }
*/
.h-nav .colorbtn{ padding-top:10px; width:180px; height:13px; display:none;}
.h-nav .colorbtn a{display:block; float:right; height:10px;width:10px; margin:0 5px; border:1px solid #fff; font-size:0; padding:0;}
.blue{ background-color:blue;}
.black{ background-color:black;}
.yellow{ background-color:yellow;}





.listing-wrap{border:1px solid #ccc; background-color:#fff; padding:10px; margin-bottom:15px; 
     border:1px solid #fff;
    -moz-border-radius-bottomleft:5px;
    -moz-border-radius-bottomright:5px;
	-moz-border-radius-topleft:5px;
	-moz-border-radius-topright:5px;
	background-color:#fff;
	border-right:1px solid #D4D4D4;
	border-bottom:1px solid #D4D4D4;}	
.left{ float:left;}
.right{ float:right;}

/* tab */

.main-application{padding-top:20px; clear:both;}



#tab_lst2,#tab_lst3,#tab_lst4{ display:none;}
.lst-wrap{min-height:483px; height:auto; overflow:hidden;}
.listing-table td{ border-bottom:1px solid #ccc; padding:5px 5px 3px 0;}

.listing-table .td9{ width:120px;}
.listing-table .tb0{ width:35px;}/*edit by peter 2011-02-25*/




.order-2{display:block; height:15px; width:15px; background:url(images/icons-red.png) scroll no-repeat -126px 0;}
.td1 img{ border:none; margin:0; padding:0;}
.page-style{ float:right; padding:0px ; height:15px; width:300px; text-align:right;}
.page-right{float:right; text-align:right;}
.page-left{ float:left; width:48%; text-align:right}
.page{ height:25px; clear:both;}


.form-table .checkbox-wrap{ padding-top:10px;}
.form-table .checkbox-wrap label{}
.form-table td{ vertical-align:top; padding-top:0px;}
/*.activity-phnone{ float:left; margin-right:40px; margin-bottom:10px;}
.activity-phnone{margin-bottom:10px;}*/
.activity-phnone td{ padding-bottom:0;}
#addform-form{ display:none;}




.subbtn{ clear:both; width:100%; height:35px; padding-top:25px;} 
.subbtn table{ float:left}

/*############################################# public ######################################################*/

/*add small img*/
.smallImgList{border:solid 1px #cccccc; overflow:hidden; clear:both; width:500px; -moz-border-radius-topleft:3px;
  -moz-border-radius-topright:3px;
  -moz-border-radius-bottomleft:3px;
  -moz-border-radius-bottomright:3px; }
.addWrap{ height:35px; position:relative; z-index:10;}
.smallImgList{ width:500px; padding:10px; position:absolute; background-color:#fff; z-index:9999; display:none; left:130px; bottom: 0px;}/*top:35;*/
.closeBtn{ cursor:pointer; float:right;} 
.imgQu{ height:300px; overflow-y:scroll;}
.slist li img{ width:100%}
.slist{ clear:both; }
.slist li{ float:left; width:53px; height:53px; margin:5px 5px 5px 5px; border:1px solid #eee;}
.slist li:hover{border:1px solid #f49417; background-color:#eee;}
/*big img list*/
/*.ImgList{ clear:both; width:100%; padding-left:0;}*//*edit by peter 2011-02-25*/
.ImgList{ clear:both; width:100%; padding-left:0; margin-top:-5px;}

.ImgList li { float:left; height:155px;/*180px*/ background-color:#fff; margin-right:10px; margin-bottom:10px; border:1px #ccc solid; padding:5px; background-color:#eeeeee; width:120px; position:relative;}
.ImgList li p{ clear:both;}
.ImgList li .p1{ min-height:10px;/*25 edit by peter 2011-02-23*/ /* font-weight:bold;*/ text-align:center; margin-top:6px;}
.ImgList li .p2{ padding-bottom:0;}
 .p2 img{ width:120px;}
.ImgList li .p3{ padding-top:5px}
.ImgList li .p3 img{ cursor:pointer; float:left;}
.ImgList li .p3 img.closeBtnbig{ cursor:pointer; float:right; height:14px;}

.ImgList li .p4{ position:absolute; left:5px;top:145px;}
.ImgList li .p4 span.showbig{cursor:pointer; color:#15B1EC; font-size:11px;} 
.ImgList li .p4 span.editBtnbig{cursor:pointer; color:#15B1EC; font-size:11px;} 
/*edit by peter 2011-02-23 */

/* bank */
.bankwrap{ clear:both; padding-bottom:10px;}
.tb-wrap 
{
	float:left;
	margin-right:15px;
	margin-bottom:15px;  
    padding:5px;	
	width:500px;
   border:#ccc 1px solid;
  
  }

.tb-wrap table{}
.tb-wrap{}
.sup{ min-height:30px;}

.tb-wrap .edit1{ position:absolute; right:90px;}
.tb-wrap .delete1{ position:absolute; right:30px;}/*edit by peter 2011-02-29 */

.tb-wrap .edit{ /* top:6px; right:48px;*/ right:97px; color:#15B1EC; cursor:pointer; position:absolute; margin-right:5px; }
.tb-wrap .editBox{ width:115px;  float:right;}
.tb-wrap .delete{  /*top:6px;*/ right:45px;cursor:pointer; position:absolute; color:#15B1EC;}/*edit by peter 2011-02-25 */
.tab-form-wrap{ clear:both;}
.tb-slide{
    background-image: url(images/icons-lgray.png) ;
	height:25px;
	width:20px; 
	float:right;  
	right:5px;
	top:5px;
	cursor:pointer;
	background-position:-127px -187px;
	/*position:absolute;*/
}
.tb-top{
     height:25px; 
     background:url(images/slidebg.png) scroll repeat-x 50% 50%;
     font-weight:bold; 
     color:#fff; 
     text-indent:10px;
     line-height:25px;
     margin-bottom:10px;   
	 width:500px; 
	 position:relative;	
}

.tb-cont{ background:url(images/bankbg.png) scroll  repeat-y -200px top; clear:both;height:auto; overflow:hidden;}


/* table style*/
.headerSortDown .order-1{display:block; height:15px; width:15px; background:url(images/icons-red.png) scroll no-repeat 0 0;}
.headerSortUp .order-1{display:block; height:15px; width:15px; background:url(images/icons-red.png) scroll no-repeat -66px 0;}
.order-1{display:block; height:15px; width:15px; background:url(images/icons-red.png) scroll no-repeat -126px 0;}
.hw span{ float:left; cursor:pointer;}
.odd{ background-color:#eeeeee;}
#timeTable thead{ background-color:#dddddd}
#timeTable  .hw{ padding-top:8px;}
#timeTable td{ padding-left:10px;}
#timeTable th{ padding-left:10px;}
.lisColumtBoxWrap{ position:relative; height:25px; width:25px; float:right; z-index:100;cursor:pointer; margin-left:10px;}
.lisColumtBox{ right:360px;/*right:300px; width:300px;*/ top:0; position:absolute; width:360px; background-color:#ffffff; padding:10px; z-index:9999;border:1px solid #999999; position:relative; display:none;}
.lisColumtBoxClose{ position:absolute; right:5px; top:5px; cursor:pointer}
.hw{position: relative; height:25px;}
.dragDiv{ width:25px; height:25px; position:absolute; top:0; right:-15px; }
.dragDivDown{ cursor: w-resize;}
.table-wrap{ clear:both; overflow-y:hidden;overflow-x:auto; height:auto; margin-bottom:10px;}
.table-wrap thead a span{float:left}



/* basicinformation*/
.closeBtnbig{ cursor:pointer; color:#15B1EC; /*float:right;*/ font-size:10.5px;}

/* Address & Contact Information*/
.addressForm p{ margin-bottom:2px; padding-bottom:0; padding-top:5px; clear:both;}
.addressForm2 { clear:both; padding-top:10px;}
.addressForm  .tb{ float:left; margin-right:50px; width:450px;/* border:dashed 1px #ccc; padding:10px;*/}
.adselect{ width:200px;}

.inphasewrap{ clear:both; height:10px; float:none; position:relative;}
.inphasebox{ left:300px; top:-50px; width:350px; position:absolute; display:none; border:solid 1px #ccc; padding:10px; background-color:#fff; overflow:hidden; z-index:9999;}

.inphasebox1{ left:560px; top:-50px; width:350px; position:absolute; display:none; border:solid 1px #ccc; padding:10px; background-color:#fff;}
/*edit by peter 2011-03-03*/

/* Business nature */
.twoCon{ padding:10px;}
.labelTb{ table-layout: fixed;}
.labelTb td{ vertical-align:top; /*padding-top:5px;*/ word-break: break-all; word-wrap:break-word;}
.labelTb label{ padding-left:5px;}
.labelTb td{ padding-bottom:10px;}
/*Branch Office(expanding)*/
.addVideoWrap{ position:relative; z-index:999;}
.branaddBox{ position:absolute; width:400px; background-color:#ffffff; z-index:999; border:solid 1px #ccc; padding:10px; display:none;}
.red{ color:#FF0000;}
/* brand */
.tab3{ background-color:#00CC66; height:50px;}
.tab3ul{ clear:both; padding-top:15px; height:30px;}
.tab3ul li{ float:left; height:30px;
  -moz-border-radius-topleft:3px;
  -moz-border-radius-topright:3px;
  -moz-border-radius-bottomleft:3px;
  -moz-border-radius-bottomright:3px; border:1px solid #ccc; background-color:#fff; line-height:30px; padding-left:10px; padding-right:10px; cursor:pointer; margin-right:1px;
}
.tab3ul li:hover{ color:#f49417;}
.tab3ul li.selected{ color:#f49417;}

/* */
.msgBoxPS{ clear:both; height:1px; width:80%; position:relative;}
.SendEmailBox{ position:absolute; width:350px; border:solid 1px #ccc; z-index:999; min-height:100px; height:auto; overflow:hidden; background-color:#fff; display:none}
.SendEmailBox{ padding:10px; position:absolute; left:70%; }
.SendEmailBox label{ padding-left:10px}
.input400{ width:400px;}
.input500{ width:495px;}
/* search 1*/
.sinput{ width:200px}

/* media Room*/
.ImgWrap{ clear:both; height:auto; overflow:hidden; min-height:10px;}
.listing-table label{  padding:0; margin:0;padding-left:5px; vertical-align: top;}

.wrapToggle{ clear:both; padding:2px 0  0; display:none;}

/*tab3*/

.menu1_ul{ width:730px; height:25px; padding-bottom:10px; margin:0; padding-left:0; padding-bottom:0; padding-top:0; }
* html .menu1_ul{height:1px; overflow:visible;}
.menu1_ul li{float:left;line-height:25px;font-size:13px; color:#ffffff; font-weight:bold; height:25px; padding:0 0 0 3px; margin-right:5px; overflow:hidden; cursor:pointer; text-align:center;}
.selected{color:Black; font-weight:bold;  font-size:14px; text-align:left; width:12px; float:left; padding:0; height:25px; line-height:25px;}

.menu1 .li1{width:150px;}
.menu1 .li2{ width:165px;}
.menu1 .li3{ width:105px;}
.menu1 .li4{ width:145px;}
.menu1 .li5{ width:110px;}
.menu2  .li1{width:70px;}
.menu2  .li2{width:65px;}
.menu2  .li3{width:90px;}
.menu2  .li4{width:80px;}
.menu2  .li5{width:105px;}
.menu2  .li6{width:130px;}
.menu2  .li7{width:130px;}
.menu1_ul li span{ display:block;height:25px; padding-right:12px; background-attachment:scroll; background-position:right 0px; background-repeat:no-repeat; margin-left:12px;}
.li1{ background-color:#dfab20;}
.span1{ background-image:url(images/colorbg1.gif); }
.li2{ background-color:#de1f26;}
.span2{background-image:url(images/colorbg2.gif);}
.li3{ background-color:#dbb0aa;}
.span3{background-image:url(images/colorbg3.gif);}
.li4{ background-color:#529c17;}
.span4{background-image:url(images/colorbg4.gif);}
.li5{ background-color:#ab56fb;}
.span5{background-image:url(images/colorbg5.gif);}
.li6{ background-color:#f07698;}
.span6{background-image:url(images/colorbg6.gif);}
.li7{ background-color:#4d598d;}
.span7{background-image:url(images/colorbg7.gif);}
.productWrap{ padding:0px; border:1px #ccc solid; padding-bottom:10px;}
.productTitle{ height:10px; line-height:10px;}
.productTitle h4{ padding-left:10px;}
.CheckWrap{ padding:0 10px 0;}
/* */
/*.ImgActionList{ clear:both; padding-left:0;}*/
.ImgActionList{ clear:both; padding-left:0; margin-top:-5px;}/*edit by peter 2011-02-25*/

.ImgActionList li{ clear:both; display:block; padding:0 0 5px; margin:0}
.ImgActionList li span{ font-style:italic; color:#666;}
.ImgActionList li span.firstletter{ color:#15B1EC; cursor:pointer;}
.ImgActionList li img{ vertical-align:bottom;}

/*product information*/
.ImgInfo{ display:none;}
/* weblogin*/
.SearchForm{ display:none;}

/* contact person */
.autoselect{ width:205px;}
.activity-phnone label{ padding-left:5px;}
.form-table .checkbox-wrap{ padding-top:3px;}

.fax-wrap label{ padding-left:5px;}
/**/
#timeTable .tdimg{ padding-left:5px;}
.Popconfirms{width:350px; height:100px; display:none;}
/* search1*/
.nextSelect{ padding-top:3px;}
.nextSelect label{ padding-left:5px;}
.form-table .upinput img{ cursor:pointer; vertical-align:middle;}

/* usermessageControl*/
.Usemsgaction{ position:relative;}
.Usermsg .Popconfirms{ position:absolute; background-color:#fff; border:1px solid #ccc; padding:5px;}

/* table cloumn */
/*.coumLists{ padding-bottom:20px; clear:both; height:auto; overflow:hidden;}*/
.coumLists{ padding:10px 0 20px; clear:both; height:auto; overflow:hidden;}
.coumLists li{ height:20px; line-height:20px; float:left; margin:0; padding:0; list-style:no; width:180px; /*width:140px;*/}

/* CustomerList  */
.commit{ display:none; width:800px; }
.commit table{  margin:0 auto;}

/* img */
/*.ImgList li .p3 img.editBtnbig{ float:right; margin-right:10px; height:14px;}*/


/*category*/
.category_con{ clear:both; height:5px; position:relative;}
.address_wrap{ width:500px; height:auto; min-height:60px; background:#ffffff; padding:10px 20px 10px; position:absolute; left:200px; top:55px;overflow:hidden;  border:solid 1px #ACACAC; display:none;}
* html .address_wrap{ height:60px; overflow:visible;}
.category_box1{width:98%; height:auto; min-height:10px;margin-bottom:10px; overflow:hidden; background-color:#F0F0F0; padding:1%; clear:both;}
* html .category_box1{ height:10px; overflow:visible;}

.category_box2{width:98%; height:auto; min-height:10px; margin-bottom:10px;overflow:hidden; background-color:#F0F0F0; display:none;padding:1%; clear:both;}
* html .category_box2{ height:10px; overflow:visible;}
.category_box3{width:98%; height:auto; min-height:10px; margin-bottom:10px;overflow:hidden; background-color:#F0F0F0; display:none;padding:1%; clear:both;}
* html .category_box3{ height:10px; overflow:visible;padding:3px;}
.category_box1 ul li, .category_box2 ul li, .category_box3 ul li{ float:left; width:auto; padding:2px 5px;}
.category_box1 ul li:hover, .category_box2 ul li:hover, .category_box3 ul li:hover{ float:left; width:auto; padding:2px 5px; color:#f49417; cursor:pointer;}

.category_box1 .cselected{ color:#f49417;}
.category_box2 .cselected{ color:#f49417;}
.category_box3 .cselected{ color:#f49417;}

.address_btn{ width:100%; height:25px;}
.address_btn_wrap{ width:13px; float:right;}
#address_wrap2{ bottom:25px; top:auto;}

.activityWrap{ width:327px; height:95px; overflow:hidden; float:left;}
.h-input{ color:#ffffff;}

.ExportWrapE{ clear:both; height:20px; padding-right:5px;}
.ExportWrapE a{float:right; line-height:20px;}

.personWrap{ width:100px; height:20px;z-index:10; position:relative;}
.personWrap img{ position:absolute; left:0; bottom:-55px;}
.upimg{ vertical-align:middle;}

.activeformback{clear:both; padding:5px 0;}
.deleteFormImg{ float:right; visibility:hidden; }
.moneyListtb td{ background-color:#fff; padding-left:10px; padding-top:3px;}
.waterCouco{ font-style:italic; width:60px;font-size:10px;}
.waterAreco{ font-style:italic; width:60px;font-size:10px;}
.waterTelco{ font-style:italic; width:100px;font-size:10px;}
.waterEmailco{ font-style:italic; width:200px;font-size:10px;}
.Warning{ color:Red; font-style:italic;}

/*edit by peter 2011-03-03*/
.disan{width:200px;  background-color:#ffffff; padding:20px; z-index:9999;border:1px solid #999999; 
        position:relative; left:855px; top:28px;  display:none;}
.export1,.export2{position:relative; top:5px; right:20px; width:100px;}
.export2{ width:190px;}
.uv li{ -moz-border-radius:4px; border:1px solid #cccccc; 
       font-size:12px; line-height:25px; height:25px; padding:0 10px; cursor:pointer;margin-bottom:10px;} 
/*edit by peter 2011-03-03*/